<HTML>
<HEAD>
<TITLE>JavaScript Source Code 3000:  Forms:  Field Explanation</TITLE>
<META HTTP-EQUIV="JavaScript Source Code 3000" CONTENT = "no-cache">
<META NAME="date" CONTENT="2000-09-09">
<META NAME="channel" CONTENT="Web Developer">
<META NAME="author" CONTENT="JavaScript Source Code 3000">
<META NAME="section" CONTENT="Forms">
<META NAME="description" CONTENT="Opens an explanation window to explain the various fields used in a form on your site when the help link is clicked.  You can easily explain various form fields will be used on your site, what type of input is required, or any other information you wish to share.  They may also type their entry in the popup window and it will be copied into the form.  Great!">

<SCRIPT LANGUAGE="JavaScript">




<!-- Begin
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('<html>');
write('<body onLoad="document.form.box.focus()"><form name=form>' + msg + '<br>');
write('<p>You may enter your ' + name + ' here and it will be copied into the form for you.');
write('<p><center>' + name + ':  <input type=text name=box size=10 onKeyUp=' + output + '=this.value>');
write('<p><input type=button value="Click to close when finished" onClick=window.close()>');
write('</center></form></body></html>');
close();
   }
}
//  End -->
</script>
</HEAD>

<BODY BGCOLOR=#ffffff vlink=#0000ff>

<BR>
<center>
<table width=600 cellpadding=0 cellspacing=10>
<tr>
<td width=468 align=center>

    
    
</td>
<td width=120 align=center>
    
</td>
</tr>
</table>
<BR>
<BR>
<basefont size=3>
<FONT SIZE="+2" FACE="Helvetica,Arial">
<A HREF="../index.htm" /" TARGET="_top"><FONT COLOR="#0000FF"><b>Home</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<A HREF="index.htm" /forms/" ><font color="#FF0000"><b>Forms</b></font></A>
<img src="../img/arrow.gif" /img/arrow.gif" height=13 width=7 border=0 alt="}">
<FONT COLOR="#006666"><b>Field Explanation</b></font></font>
<BR>
<BR>
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td><font FACE="helvetica,arial,geneva">
<br>
<br>
<!-- Description --><!--content_start-->
Opens an explanation window to explain the various fields used in a form on your site when the help link is clicked.  You can easily explain various form fields will be used on your site, what type of input is required, or any other information you wish to share.  They may also type their entry in the popup window and it will be copied into the form.  Great!
<hr>
</td></tr>
</table>
<!-- Demonstration -->
<center>
<form name=form method=post action="http://javascript.internet.com/cgi-bin/your-script.cgi"> 

User Name:  <input type=text name="username" size=10>  <a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>

<br>
Password:  <input type=text name="password" size=10>  <a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;">Help?</a>

</form>
</center>
<P>
<P>
<a name="source">
<table BORDER=0 WIDTH=486 CELLPADDING=3 CELLSPACING=0>
<tr><td BGCOLOR=yellow><font FACE="helvetica,arial,geneva"><b>JavaScript Source Code 3000:  Forms:  Field Explanation</b>
<p>Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s).  The script is yours!!!
<br><br></font></td></tr>
<tr><td BGCOLOR=yellow ALIGN=CENTER>
<form NAME="copy">

<DIV align="center">
<input type=button value="Highlight All" onClick="javascript:this.form.txt.focus();this.form.txt.select();">&nbsp;&nbsp;&nbsp;&nbsp;
<INPUT TYPE="text" NAME="total" VALUE="Script Size:  2.29 KB" size=24>
</DIV>

<textarea NAME="txt" ROWS=20 COLS=75 WRAP=VIRTUAL>

&lt;!-- TWO STEPS TO INSTALL FIELD EXPLANATION:

  1.  Copy the coding into the HEAD of your HTML document
  2.  Add the last code into the BODY of your HTML document  --&gt;

&lt;!-- STEP ONE: Paste this code into the HEAD of your HTML document  --&gt;

&lt;HEAD&gt;

&lt;SCRIPT LANGUAGE="JavaScript"&gt;

&lt;! &gt;
&lt;! &gt;

&lt;!-- Begin
function explain(name, output, msg) {
newwin = window.open('','','top=150,left=150,width=325,height=300');
if (!newwin.opener) newwin.opener = self;
with (newwin.document)
{
open();
write('&lt;html&gt;');
write('&lt;body onLoad="document.form.box.focus()"&gt;&lt;form name=form&gt;' + msg + '&lt;br&gt;');
write('&lt;p&gt;You may enter your ' + name + ' here and it will be copied into the form for you.');
write('&lt;p&gt;&lt;center&gt;' + name + ':  &lt;input type=text name=box size=10 onKeyUp=' + output + '=this.value&gt;');
write('&lt;p&gt;&lt;input type=button value="Click to close when finished" onClick=window.close()&gt;');
write('&lt;/center&gt;&lt;/form&gt;&lt;/body&gt;&lt;/html&gt;');
close();
   }
}
//  End --&gt;
&lt;/script&gt;
&lt;/HEAD&gt;

&lt;!-- STEP TWO: Copy this code into the BODY of your HTML document  --&gt;

&lt;BODY&gt;

&lt;center&gt;
&lt;form name=form method=post action="/cgi-bin/your-script.cgi"&gt; 

User Name:  &lt;input type=text name="username" size=10&gt;  &lt;a href="javascript:explain('User Name', 'opener.document.form.username.value', 'The user name field is where you select a user name that you will use every time you access this site.  Pick something you can easily remember and that will easily identify you.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;"&gt;Help?&lt;/a&gt;

&lt;br&gt;
Password:  &lt;input type=text name="password" size=10&gt;  &lt;a href="javascript:explain('Password', 'opener.document.form.password.value', 'The password field is where you select a unique password for your account.  This password will be required each time you login to the site.  For security purposes, be sure to pick a password that you can easily remember that contains letters and numbers or symbols but would be hard for others to guess.');" onMouseOver="window.status='Click for explanation...';return true;" onMouseOut="window.status='';return true;"&gt;Help?&lt;/a&gt;

&lt;/form&gt;
&lt;/center&gt;

 

&lt;!-- Script Size:  2.29 KB --&gt;</textarea><br><font FACE="helvetica,arial,geneva"></font></td></tr>

</table>
</form>
</FONT>
</CENTER>


</center>
</body></html>



